<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/report.css">
</head>
<body>
<!--scyweizhi开始-->
<div class="scyweizhi"><!--scyweizhi开始-->
    <div class="scyweizhis">
        <ul>
            <li class="s1">&nbsp;</li>
            <li id="dqwz">
                <a href="../../../" title="首页" class="CurrChnlCls">首页</a>
                <a href="./" title="2018" class="CurrChnlCls s2">举报平台</a>
            </li>
        </ul>
    </div>
</div>
<div class="listMain">
    <div class="container clearfix">
        <div class="left listMain1">
            <div class="listTitle">
                监督举报
            </div>
            <ul class="listMainUl">
                <li class="active">
                    <a href="">举报 平台</a>
                </li>
            </ul>
        </div>

        <div class="left listMain2">
            <h3>举报平台</h3>
            <form action="" method="post" class="form-horizontal js-ajax-forms"
                  enctype="multipart/form-data"><input type="hidden" name="type" id="reportDesc"/>
                <div class="formItem">
                    <div class="formItemTitle"> 问题类别: </div>
                    <select name="type" class="valid" aria-invalid="false" >
                        <option value="">-请选择-</option>
                        <option value="公款大吃大喝">公款大吃大喝</option>
                        <option value="公款旅游（国内）">公款旅游（国内）</option>
                        <option value="公款出国（境）旅游">公款出国（境）旅游</option>
                        <option value="违规配备使用公车">违规配备使用公车</option>
                        <option value="违规建设楼堂馆所">违规建设楼堂馆所</option>
                        <option value="津贴补贴违规问题">津贴补贴违规问题</option>
                        <option value="违规收送礼品礼金">违规收送礼品礼金</option>
                        <option value="大办婚丧喜庆事宜">大办婚丧喜庆事宜</option>
                        <option value="接受或用公款参与高消费娱乐健身活动">接受或用公款参与高消费娱乐健身活动</option>
                        <option value="违规出入私人会所">违规出入私人会所</option>
                        <option value="其他">其他</option>
                    </select>
                </div>
                <div class="formItem">
                    <div class="formItemTitle"> 举报标题:</div>
                    <input type="text"  name="title" id="title" required value=""
                           placeholder="请输入举报标题"/>
                    <span class="form-required">*</span>
                </div>
                <div class="formItem formReportContent">
                    <div class="formItemTitle "> 举报内容:
                        <div style="font-size: 12px;line-height: 20px;height: 20px;padding: 0px;margin: 0px;">（剩余<span
                                id="num">500</span>字）
                        </div>
                    </div>
                    <textarea name="msg" id="textarea"
                              value="20字以上，500字以内"></textarea>
                </div>
                <div class="formItem">
                    <div class="formItemTitle"> 问题所属公司:</div>
                    <input type="text"  name="company_name" id="company_name" required value=""
                           placeholder="请输入问题所属公司"/> <span class="form-required">*</span>
                </div>
                <div class="formItem">
                    <div class="formItemTitle"> 被反映对象:</div>
                    <input type="text"  name="beifanyingduixiang" id="beifanyingduixiang" required
                           value="" placeholder="请输入被反映部门名称"/>
                    <span class="form-required">*</span>
                </div>
                <div class="formItem">
                    <div class="formItemTitle"> 职级:</div>
                    <input type="text"  name="zhiji" id="zhiji" required value=""
                           placeholder="请输入职级"/>
                    <span class="form-required">*</span>
                </div>
                <div class="formItem formUploader">
                    <div class="formItemTitle"> 附件上传:</div>
                    <div class="formUploaderArea">
                        <p>
                            <input type="file" value="选择图片文件">
                            <a  class="uploadBtn">选择图片文件</a>
                        </p>
                       <p>
                           <input type="file" value="选择视频文件">
                           <a  class="uploadBtn">选择视频文件</a>
                       </p>

                    </div>
                </div>
                <p class="reportButton"><input type="submit" value="我要举报" id="submit"></p></form>
        </div>
        <div class="right listMain3">
            <div class="listSearch">
                <h3>搜索新闻</h3>
                <form action="" class="form">
                    <input type="search" class="search" placeholder="输入关键字">
                    <input type="submit" class="submit">
                </form>
            </div>
            <div class="mediaContact">
                <h3>按年份查询</h3>
                <ul>
                    <li><a href="">2018</a></li>
                    <li><a href="">2017</a></li>
                    <li><a href="">2016</a></li>
                    <li><a href="">2015</a></li>
                    <li><a href="">2014</a></li>
                    <li><a href="">更早新闻</a></li>
                </ul>
            </div>
            <div class="mediaContact">
                <h3>媒体联络</h3>
                <div>
                    <p class="p0">中国机械工业集团有限公司</p>
                    <p class="p1">
                        传真：010-8260 6714
                    </p>
                    <p class="p2">
                        邮箱：media@sinomach.com.cn
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var textArea =document.getElementById('textarea')
    var num =document.getElementById('num')
    var i =0;
    textArea.addEventListener("keyup",function(e){
        if(e.keyCode ==32){
            num.innerHTML =500-textArea.value.length
            if(textArea.value.length>=500){
                e.preventDefault();
                textArea.value =textArea.value.substr(0,500);
                num.innerHTML =0;
            }
        }else if(e.keyCode ==24){
            i--;
        }else{
            i++;
            num.innerHTML =500-textArea.value.length
            if(textArea.value.length>=500){
                e.preventDefault();
                textArea.value =textArea.value.substr(0,500);
                num.innerHTML =0;
            }
        }
    },false)

</script>
</body>
</html>